<!--
  Generated template for the OperationPage page.

  See http://ionicframework.com/docs/components/#navigation for more info on
  Ionic pages and navigation.
-->
<ion-header>

  <ion-navbar color="orange">
    <ion-title>
      操作指南
    </ion-title>
    <ion-buttons end>
      <button ion-button icon-only [navPush]="loginPage">
        <ion-icon name="contact"></ion-icon>
      </button>
    </ion-buttons>
  </ion-navbar>

</ion-header>


<ion-content>
<!-- banner开始 -->
<div class="ht-100 ht-overflow s-banner" *ngIf="banners && banners.length">
    <ion-slides class="banners" [autoplay]="3000" [loop]="true" *ngIf="banners && banners.length">
        <ion-slide *ngFor="let banner of banners">
            <img src="http://admin.moments.taoxiansheng.com{{banner.picture}}" alt="">
        </ion-slide>
    </ion-slides>
</div>
<!-- banner结束 -->
<!-- 搜索栏开始 -->
<!--<div class="s-search">-->
  <!--<div class="ht-100 ht-overflow ht-background ht-line-25 ht-radius-30">-->
    <!--<div class="ht-8 ht-float-left ht-height ht-overflow">-->
      <!--<div class="s-xl">-->
          <!--<img src="assets/imgs/icon-xs.png" alt="">-->
      <!--</div>-->
    <!--</div>-->
    <!--<div class="ht-90 ht-float-left">-->
        <!--<ion-searchbar-->
        <!--[(ngModel)]="myInput"-->
        <!--[showCancelButton]="shouldShowCancel"-->
        <!--(ionInput)="onInput($event)"-->
        <!--(ionCancel)="onCancel($event)"-->
        <!--placeholder="搜索"-->
        <!--&gt;搜索-->
      <!--</ion-searchbar>-->
    <!--</div>-->
  <!--</div>-->
<!--</div>-->
<!-- 搜索栏结束 -->
<!-- 公告开始 -->
<div padding-horizontal class="marquee flex" *ngIf="notices && notices.length">
    <span class="marquee-icon">
        <ion-icon ios="ios-volume-up" md="md-volume-up"></ion-icon>
    </span>
    <ion-slides class="text-slide" [autoplay]="3000" [loop]="true" direction="vertical">
        <ion-slide *ngFor="let notice of notices">
            <p text-left>{{notice.ad_name}}</p>
        </ion-slide>
    </ion-slides>
</div>
<!-- 公告结束 -->
<!-- 信息开始 -->
<div class="ht-f1f1f1 ">
    <ul class="article">
        <li  *ngFor="let info of infolist" [navPush]="'OperationDetailPage'" [navParams]="{id:info.amoy_id}">
            {{info.title}}
            <span><img src="assets/imgs/sanjiao.png"></span>
        </li>
    </ul>
    <ion-infinite-scroll (ionInfinite)="doInfinite($event)" class="bg-white">
        <ion-infinite-scroll-content></ion-infinite-scroll-content>
    </ion-infinite-scroll>
</div>
<!-- 信息结束 -->
</ion-content>
